<template>
    <div class="order">
        <div class="layout-breadcrumb">
            <Breadcrumb>
                <Breadcrumb-item href="/index">
                    <Icon type="ios-home"></Icon> 首页
                </Breadcrumb-item>
                <Breadcrumb-item href="/operation">运营</Breadcrumb-item>
            </Breadcrumb>
        </div>
        <div class="layout-main">
            <div class="search-bar">
                <Form ref="formInline" inline>
                    <Form-item prop="user">
                        <Input type="text" placeholder="Username">
                        <Icon type="ios-person-outline" slot="prepend"></Icon>
                        </Input>
                    </Form-item>
                    <Form-item prop="password">
                        <Input type="password" placeholder="Password">
                        <Icon type="ios-locked-outline" slot="prepend"></Icon>
                        </Input>
                    </Form-item>
                    <Form-item>
                        <Button type="primary" @click="handleSubmit('formInline')">Search</Button>
                    </Form-item>
                </Form>
            </div>
            <Tabs>
                <Tab-pane label="macOS" icon="social-apple">标签一的内容</Tab-pane>
                <Tab-pane label="Windows" icon="social-windows">标签二的内容</Tab-pane>
                <Tab-pane label="Linux" icon="social-tux">标签三的内容</Tab-pane>
            </Tabs>
        </div>
    </div>
</template>
<script>

export default {
    data() {
        return {
        };
    },
    components: {
    },
};
</script>

<style scoped lang="less">

</style>
